.center{background-color: #f2f1f1;}
.center .nav{ background: #717171; }
.center .nav ul{ overflow: hidden; height: 100%; background: #717171;}
.center .nav ul li{ text-align: center; float: left; width: 14%;height: 230px; margin-top:20px;}

.center .nav ul li a>img{ width: 100%; padding-bottom: 16px;}
.center .nav ul li span{ border-top: 2px solid #717171; display: block; width: 70%; margin: 0 auto 0 auto; padding-top: 30px;color: #fff;}
.center .nav ul li:hover,.center .nav ul li.current{ background: #fff;}
.center .nav ul li:hover span,.center .nav ul li.current span{color: #717171;}
.center>h2{ text-align: center; } 
.center .msg{ border-top: 2px solid #c2c1c1; } 
.center .msg .msgtoot{ margin: 9% 0%; width: 21%; margin-left: 18%; text-align: center; border-right: 2px solid #c2c1c1; border-bottom: 2px solid #c2c1c1; background: #fcfbfb；}
.center .msg .mar-left{ margin-left: 0; }
.center .msg .msgtoot>p{ text-indent: 2em; text-align: center;}
.center .msg .msgtoot>img{ position: absolute; top: 40%; left: 90%; width: 90%;}
.center .msg .msgtoot .xb2{ position: absolute; top: 110%; left: 36%; height: 100%; width: 48%;}
.center .msg .msgtoot .xb4{ position: absolute; top: 40%; left: -82%; width: 50%;}

@media screen and (max-width: 1080px) {
	.center .nav ul li{ height: 160px;}
	.center .nav ul li span{padding-top: 8px;}
}
@media screen and (max-width: 980px) {
	.center .msg .msgtoot .xb2{top: 92%; height: 86%;}
	.center .nav ul li{ height: 120px;}
}
@media screen and (max-width: 480px) {
	.center .msg .msgtoot .xb2{top: 100%; height: 30%;}
	.center .nav ul li{ height: 80px;}
	.center .nav ul li span{padding-top: 10px;}
}

.center .msg .msgtoot>li{ width: 11%; height: 10%; border-radius: 50%; margin:0 auto; color:#fff;}
.center .msg .msgtoot:nth-child(1)>li{background: #fe8066;}
.center .msg .msgtoot:nth-child(1)>h3{color: #fe8066;}
.center .msg .msgtoot:nth-child(2)>li{background-color: #feab1e;}
.center .msg .msgtoot:nth-child(2)>h3{color: #feab1e;}
.center .msg .msgtoot:nth-child(3)>li{background-color: #32c7a7;}
.center .msg .msgtoot:nth-child(3)>h3{color: #32c7a7;}
.center .msg .msgtoot:nth-child(4)>li{background-color: #b988c2;}
.center .msg .msgtoot:nth-child(4)>h3{color: #b988c2;}
.center .msg .msgtoot:nth-child(5)>li{background-color: #6aa5ff;}
.center .msg .msgtoot:nth-child(5)>h3{color: #6aa5ff;}
.center .msg .msgtoot:nth-child(6)>li{background-color: #7bbd63;}
.center .msg .msgtoot:nth-child(6)>h3{color: #7bbd63;}
.center>h2{ text-align: center;margin-bottom: 42px;}
.center .center-tood{padding-top: 50px; border-top: 1px solid #c2c1c1;}
.center .center-tood>p{ text-align: center;margin-bottom: 30px;}
.contact-btn{margin-top: 90px;padding-bottom: 126px;}
.contact-btn button{ width:208px ; height: 60px; border-radius: 32px;color: #5576cb;font-size: 30px;border: 1px solid #5576cb;}
.center .skill{position: relative;}
.center .skill img{width: 52%;}
.center .tood{height: 20%;}
.center .tood li{ width: 7%; font-size: 1.5rem;}
.center .tood li:nth-child(1){ position: absolute; top: 6%; left: 44%; }
.center .tood li:nth-child(2){ position: absolute; top: 14%; left: 60%; width: 5%;}
.center .tood li:nth-child(3){ position: absolute; top: 30%; left: 30%; width: 9%;}
.center .tood li:nth-child(4){ position: absolute; top: 44%; left: 53%; width: 6%;}
.center .tood li:nth-child(5){ position: absolute; top: 58%; left: 65%; width: 6%;}
.center .tood li:nth-child(6){ position: absolute; top: 81%; left: 47%; width: 9%;}
.center .tood li:nth-child(7){ position: absolute; top: 71%; left: 33%; width: 10%;}

